<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>test</title>
<!-- 	<link rel="stylesheet"href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" /> -->

	<link rel="stylesheet"href="../lib/leaflet-0.7.2/leaflet.css" />

	<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
	<script type="text/javascript"src="http://maps.stamen.com/js/tile.stamen.js?v1.2.4"></script>
	
<!-- 	<script type="text/javascript"src="//api.tiles.mapbox.com/mapbox.js/v1.2.0/mapbox.js"></script> -->
	
	
	<link rel="stylesheet"href="../css/myMap.css" />
	
    
    <style type="text/css">
      .bg {
        position:absolute;
        top:0px;
        left:0px;
        height:768px;
        width:1024px;  
        border: 0px #000 solid;
         z-index:-1;        
        pointer-events:none;    
        background: #404040;      
/*        background:url('../images/mask.png');  */
      }
    </style>

 <style type="text/css">	
	.circleBase {
	position:absolute;
    top:150px;
    left:262px;
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.type1 {
    width: 500px;
    height: 500px;
    background: white;
    border: 1px solid white;
}
	   </style>
	
</head>

<body>

  <div>
  
	<!-- Below is the "BACKGROUND DIV" -->
	 <div id="map" class="circleBase type1">
<!-- 	<div id="map" style="width: 1000px; height: 750px"> -->
	
		<script src="../js/CKW_IExpressStations_wgs84.js"></script>
		<script src="../js/myMap.js"></script>
		

    </div> <!-- END OF THE BACKGROUND DIV -->


    <!-- Below is the "FOREGROUND DIV" -->
    <div id="FOREGROUND_DIV" class="bg">
<!-- 		<img alt="" src="../images/mask.png"> -->
<!-- processing pde's get called here -->

    </div> <!-- END OF THE FORGROUND DIV -->
    
  </div>
 
</body>
</html>